<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>会员管理</title>
<link rel="stylesheet" type="text/css" href="res/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="res/easyui/themes/icon.css">
	<script type="text/javascript" src="res/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="res/easyui/jquery.easyui.min.js"></script>
	<script src="res/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<table id="datagrid" class="easyui-datagrid" fit="true"
        data-options="method:'get', 
        url:'json/member.json',
        fitColumns:true,
        singleSelect:true,
        pagination:true,
        rownumbers:true,
        toolbar:'#tb'
      	">  
    <thead data-options="frozen:true">  
        <tr>  
        	<th data-options="field:'id', checkbox:true, align:'center'">ID</th>
            <th data-options="field:'code',width:60">会员编号</th>  
            <th data-options="field:'name',width:200">会员名称</th>
        </tr>  
    </thead>  	
    <thead>  
        <tr>  
            <th data-options="field:'status',width:40">状态</th> 
            <th data-options="field:'certificateType',width:40">证件类型</th>  
            <th data-options="field:'certificateNo',width:100">证件号码</th>  
            <th data-options="field:'linkman',width:40">联系人</th>  
            <th data-options="field:'phone',width:80">联系电话</th>
            <th data-options="field:'email',width:80">邮箱</th>
            <th data-options="field:'address',width:150">地址</th> 
            <th data-options="field:'createDate',width:60">注册时间</th>
            <th data-options="field:'remark',width:100">备注信息</th>
        </tr>  
    </thead>  
</table>

<!--
	作者：jiyasai@nxytys.com
	时间：2017-02-10
	描述：表格工具区域
-->
<div id="tb">
	<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加</a>
	<a href="javascript:openUpdateDialog();" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
	<span>|</span>
	编号：<input id="query_code" class="easyui-textbox" />
	名称：<input id="query_name" class="easyui-textbox" />
	证件号码：
	<select id="query_certificateType" class="easyui-combobox" data-options="panelHeight:80" style="width: 100px;" >  
	    <option value="1">身份证</option>  
	    <option value="2" selected="selected">营业执照</option>
	    <option value="3">社会统一代码证</option>
	</select> 
	<input class="easyui-textbox" data-options="prompt:'请输入证件号码'" style="width:200px"></input>
	创建日期：<input id="query_startDate" class="easyui-datetimebox" editable="false"/>到<input id="query_endDate" class="easyui-datetimebox" editable="false"/>
	<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
</div>
<!-- 工具区域结束 -->

<!-- 添加会员窗口 -->
<div id="dd" class="easyui-dialog" title="添加会员单位信息" style="width:600px;height:600px;"  
        data-options="iconCls:'icon-save',resizable:true,modal:true, close:true, buttons:'#bb'">  
    <form id="ff" method="post">
    	<table cellpadding="5" align="center">
    		<tr>
    			<td >会员编号:</td>
    			<td><input class="easyui-textbox" type="text" name="code" data-options="required:true"/></td>
    		</tr>
    		<tr>
    			<td>会员名称:</td>
    			<td><input class="easyui-textbox" type="text" name="name" data-options="required:true" /></td>
    		</tr>
    		<tr>
    			<td>证件类型:</td>
    			<td>
    				<select id="query_certificateType" class="easyui-combobox" data-options="panelHeight:80" style="width: 100px;" >  
					    <option value="1">身份证</option>  
					    <option value="2" selected="selected">营业执照</option>
					    <option value="3">社会统一代码证</option>
					</select>
    			</td>
    		</tr>
    		<tr>
    			<td>证件号码:</td>
    			<td><input class="easyui-textbox" type="text" name="certificateNo" data-options="required:true" /></td>
    		</tr>
    		<tr>
    			<td style="text-align: right;">联系人:</td>
    			<td><input class="easyui-textbox" type="text" name="linkman" data-options="required:true" /></td>
    		</tr>
    		<tr>
    			<td>联系电话:</td>
    			<td><input class="easyui-textbox" type="text" name="phone" data-options="required:true" /></td>
    		</tr>
    		<tr>
    			<td>电子邮箱:</td>
    			<td><input class="easyui-textbox" type="text" name="email" data-options="required:true,validType:'email'"></input></td>
    		</tr>
    		<tr>
    			<td>所在地区:</td>
    			<td>
    				省/直辖市:<select id="regionCode" class="easyui-combobox" data-options="panelHeight:80" style="width: 100px;" >  
					    <option value="110000">北京</option>  
					    <option value="110000">北京</option>
					    <option value="110000">北京</option>
					</select>
					市:<select id="regionCode" class="easyui-combobox" data-options="panelHeight:80" style="width: 100px;" >  
					    <option value="110000">北京</option>  
					    <option value="110000">北京</option>
					    <option value="110000">北京</option>
					</select>
					县/区:<select id="regionCode" class="easyui-combobox" data-options="panelHeight:80" style="width: 100px;" >  
					    <option value="110000">北京</option>  
					    <option value="110000">北京</option>
					    <option value="110000">北京</option>
					</select>
    			</td>
    		</tr>
    		<tr>
    			<td>具体地址:</td>
    			<td><input class="easyui-textbox" type="text" name="address" data-options="required:true"></input></td>
    		</tr>
    		<tr>
    			<td style="vertical-align: top; text-align: right;">备注:</td>
    			<td><input class="easyui-textbox" name="message" data-options="multiline:true" style="height:60px"></input></td>
    		</tr>
    	</table>
    </form> 
</div> 
<div id="bb">
	<a href="#" class="easyui-linkbutton">提交</a>
	<a href="#" class="easyui-linkbutton">关闭</a>
</div>
<!-- 添加会员窗口 结束-->

<script>
	$(function(){
		
	});
	
	function openUpdateDialog(){
		var row = $("#datagrid").datagrid("getSelected");
		if(row == null){
			$.messager.alert("提示信息", "请选择要编辑的记录", "warning");
			return;
		}
		$("#ff").load(row);
		$("#dd").dialog("open");
	}
</script>

</body>
</html>
